<template>
  <div>
    <div class="RegistrationCompleted">
      <div class="image"></div>
      <span class="generalText">注册成功，等待后台审核</span>

       <div class="completedButton"  >
            <span class="registeredTitle" @click.stop="completedTapped()"> 返回个人中心</span>
        </div>
    </div>
  </div>
</template>
<script>
export default {    
  name: 'RegistrationCompleted',
  data () {
    return {
    }
  },
  methods: {
  
    completedTapped() {
      console.log(111)
      // alert('跳转');
      // debugger;
        this.$router.push({name:'mine'})

    }
  }
}
</script>

<style scoped>
  .RegistrationCompleted {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .image {
    background-color: red;
    margin-top: 50px;
    width: 250px;
    height: 250px;
  }
  .generalText {
    font-size: 16px;
    margin-top: 10px;
    color: #A8A9AA;
  }
  .completedButton {
    width: 90%;
    height: 40px;
    margin-top: 40px;
    background-color: #EEC26D;
    border-radius: 5px;
    display: flex;
    justify-content: center;
}
.registeredTitle {
    font-size: 18px;
    color: white;
    padding-top: 7px;   
}

  
</style>